*{ padding: 0; margin: 0; }

[class^='slider-'] { position: relative; overflow: hidden; height: 400px; } /*设置轮播图的高度*/
[class^='slider-'] > ul { list-style: none; margin: 0; }
/*轮播图主体样式（1）*/
.slider-fade > ul > li {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	opacity: 0;
	transition: opacity 0.6s;
}
.slider-fade > ul > li.active { opacity: 1; }
/*轮播图主体样式（2）*/
.slider-default > ul > li {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	transform: translateX(-100%);
	transition: transform 0.8s, -webkit-transform 0.8s;
}
.slider-default > ul > li.active { transform: translateX(0); }
.slider-default > ul > li.active ~ li { transform: translateX(100%); }

/*轮播图底部按钮样式*/
[class^='slider-'] > ol { list-style: none; position: absolute; bottom: 12px; }
[class^='slider-'] > ol > li { display: inline-block; padding-right: 5px; }
[class^='slider-'] > ol > li.active > a { background-color: #bf1717; }
[class^='slider-'] > ol > li > a {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: gray;
}
/*轮播图左右翻动样式*/
[class^='slider-'] > [class$="-page"] { position: absolute; font-size: 45px; top: calc(50% - 20px); color: #1D4A7A; cursor: pointer; opacity: 0.3; }
[class^='slider-'] > [class$="-page"]:hover { opacity: 0.85; }
[class^='slider-'] > [class$="-page"]:first-child { left: 10px; }
[class^='slider-'] > [class$="-page"]:last-child { right: 10px; }


@media (max-width: 992px) {
	[class^='slider-']  {
		height: 340px!important;
	}
}

@media (max-width: 767px) {
	[class^='slider-']  {
		height: 210px!important;
	}
}

@media (max-width: 400px) {
	[class^='slider-']  {
		height: 180px!important;
	}
}
